Positionieren von Elementen auf einer Webseite

Sie können Elemente auf einer Webseite positionieren, indem Sie ein Seitenlayout entwerfen, das DIV-Elemente, CSS, Tabellen oder Frames zum Strukturieren der Seite verwendet. Sie können auch ein oder mehrere Elemente auf einer Seite positionieren, indem Sie die auf CSS basierenden Eigenschaften eines Elements festlegen, das ein oder mehrere Elemente enthält.

Neben den in diesem Thema bereitgestellten Schritten können Sie diese CSS-basierten Eigenschaften auch mithilfe der Symbolleiste Positionierung oder des Panels CSS-Eigenschaften festlegen. Mithilfe der Leiste Direktauswahl von Tags können Sie auch schnell die Positionierungsart eines Tags festlegen.  Weitere Informationen zur Symbolleiste Positionierung finden Sie unter Positionierungssymbolleiste. Weitere Informationen zum Panel CSS-Eigenschaften finden Sie unter Bereich "CSS-Eigenschaften". Weitere Informationen zur Direktauswahl von Tags finden Sie unter Direktauswahl von Tags.

So ändern Sie die Elementposition mithilfe des Dialogfelds "Position"

  1. Platzieren Sie auf Ihrer Webseite in der Design- oder Codeansicht Ihren Cursor in den Inhalt, den Sie positionieren möchten, oder wählen Sie den Inhalt aus.

  2. Führen Sie zum Öffnen des Dialogfelds Position einen der folgenden Schritte aus:

    • Wählen Sie auf der Webseite das zu ändernde Element aus, und klicken Sie dann im Menü Format auf Position.

    • Klicken Sie im Ebenenpanel mit der rechten Maustaste auf die Ebene, und klicken Sie dann auf Positionierung.

  3. Sie können angeben, wie die Seitenelemente am Element umgebrochen werden. Wählen Sie dazu im Dialogfeld Position unter Umbruchart eine Art aus.

  4. Sie können die Positionierungsart des Elements angeben, indem Sie unter Positionierungsart eine Option auswählen.

  5. Sie können die relativen Positionskoordinaten der Ebene unter Ort und Größe angeben. Geben Sie dazu Werte in die Felder Links, Rechts, Oben und Unten ein.

  6. Sie können die Ordnung eines Elements auf der Z-Achse festlegen. Geben Sie dazu einen Wert in das Feld Z-Ordnung ein.

  7. Klicken Sie auf OK.

So ändern Sie nur die Positionierungsart eines Elements

  1. Platzieren Sie auf Ihrer Webseite in der Design- oder Codeansicht Ihren Cursor in den Inhalt, den Sie positionieren möchten, oder wählen Sie den Inhalt aus.

  2. Zeigen Sie oben im Dokumentfenster in der Leiste zur Direktauswahl von Tags auf das Tag, das Sie positionieren möchten. Klicken Sie neben dem Tag auf den Pfeil nach unten, zeigen Sie auf Positionierung und klicken Sie auf eine Positionierungsart.

Siehe auch

Aufgaben

Positionieren einer Ebene

Konzepte

Cascading Stylesheet-Referenz

Referenz

Direktauswahl von Tags

Positionierungssymbolleiste

Bereich "CSS-Eigenschaften"